<%@page import="com.portal4kids.model.ServicesSport"%>
<%@page import="java.util.List"%>
<%@page import="com.portal4kids.controller.ServicesManager"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Portal for kids</title>

	<link rel="stylesheet" href="css/themes/base/jquery.ui.all.css">
	<script src="js/jquery-1.7.2.js"></script>
	<script src="js/ui/jquery.ui.core.js"></script>
	<script src="js/ui/jquery.ui.widget.js"></script>
	<script src="js/ui/jquery.ui.accordion.js"></script>
	<script src="js/ui/jquery.ui.button.js"></script>
	<link rel="stylesheet" href="css/demos.css">
	<link rel="stylesheet" href="css/search_style.css">
	
	<% String type = request.getParameter("type");
		if(type != null){
	%>
	<script>
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true
		});
	});
	</script>
	<%}else{ %>
	<script>
	$(function() {
		$( "input:submit, a, button", ".demo" ).button();
		$( "a", ".demo" ).click(function() { return false; });
	});
	</script>
	<%} %>
</head>
<body background="images/bg_search.jpg">
<div id="top">
 <ul id=menu>
      <li><a href="index.jsp">home</a></li>
      <li><a href="baner/newses.jsp">aktualności</a></li>

      <li><a href=#>oceny</a></li>
      <li><a href="baner/aboutAs.jsp">o nas</a></li>
      <li><a href="baner/contact.jsp">kontakt</a></li>
    </ul>
</div>

<div id=bottom>

<jsp:include page="showServices.jsp"></jsp:include>

<% 
		if(type == null){
%>
 <h2 style="color:white; margin-top: 10px;">Wybierz typ usługi:</h2>
<form action="goToSearchServices" method="post">
		<div class="demo">
		
		<input type="submit" value="Zajęcia pozalekcyjne dla dzieci" name="type" style="width: 200px; height: 40px;"/>
		<input type="submit" value="Usługi dodatkowe" name="type" style="width: 200px; height: 40px;"/>
		
		</div><!-- End demo -->
		</form>	
		<br><br> 
<% 
		}else if(type.equals("Zajęcia pozalekcyjne dla dzieci")){%>
			
			<div class="demo">

				<div id="accordion">
					<h3><a href="#">Zajęcia sportowe</a></h3>
					<div>
					
						<form action="searchSport" method="post">
							<table>
								
								<tr>
									<td><b>Podaj wiek swojego dziecka</b></td>
									<td><input type="text" name="sports.age"> &nbsp <b style="font-style: italic; font-weight: normal">(np. 5)</b></td>
								</tr>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="sports.address">
										<option>Dowolna</option>
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td><b>Podaj ineresującą cię godzine</b></td>
									<td><input type="text" name="sports.time">&nbsp <b style="font-style: italic; font-weight: normal">(np. 10.00 lub 10)</b></td>
								</tr>
								<tr>
									<td><b>Wybierz rodzaj sportu</b></td>
									<td>
										<select name="sports.typeOfSport">
											<option>Piłka nożna</option>
											<option>Koszykówka</option>
											<option>Siatkówka</option>
											<option>Sporty walki</option>
											<option>Pływanie</option>
											<option>Tenis</option>
											<option>Lekkoatletyka</option>
											<option>Piłka ręczna</option>
											<option>Łyżwiarstwo</option>
											<option>Narciarstwo</option>
											<option>Snowboard</option>
											
										</select>
									 </td>
								</tr>
								<tr>
									<td>Rodzicę mogą brać udział w zajęciach?</td>
									<td><input type="checkbox" name="sports.parents" value="TAK"></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Wyszukaj"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Nauka języków obcych </a></h3>
					<div>
						<form action="searchLanguage" method="post">
							<table>
								
								<tr>
									<td colspan="2"><b>Wybierz dzielnice</b> </td>
									<td colspan="2"><select name="language.address">
										<option>Dowolna</option>
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td colspan="2"><b>Podaj godzinę zajęć</b> </td>
									<td colspan="2"><input type="text" name="language.time">&nbsp <b style="font-style: italic; font-weight: normal">(np. 10.00 lub 10)</b></td>
								</tr>
								<tr>
									<td colspan="2"><b>Wybierz metodę nauczania</b></td>
									
									<td colspan="2">
										<select name="language.methodLearning">
											<option>Metoda komunikacyjna</option>
											<option>Metoda bezpośrednia</option>
											<option>Totalne zanurzenie</option>
											<option>Metoda Callana</option>
											<option>Metoda Sita</option>
											<option>Metoda gramatyczno – tłumaczeniowa</option>
											<option>Metoda kognitywna</option>
											<option>Metoda community language learning</option>
											<option>Metoda reagowania ciałek</option>
										</select>
									
									</td>
								</tr>
								<tr>
									<td colspan="2">Typ zajęć</td>
									<td><input type="checkbox" name="language.individual" value="TAK">&nbsp Indywidualne</td>
									<td><input type="checkbox" name="language.groups" value="TAK">&nbsp Grupowe</td>
								</tr>
								<tr>
									<td colspan="2">Prowadzone w </td>
									<td><input type="checkbox" name="language.atHome" value="TAK">&nbsp Domu</td>
									<td><input type="checkbox" name="language.atSchool" value="TAK">&nbsp Szkole językowej</td>
								</tr>
								<tr>
									<td colspan="4">&nbsp</td>
								</tr>
								<tr>
									<td colspan="4"><input type="submit" value="Wyszukaj"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Warsztaty plastyczne</a></h3>
					<div>
						<form action="searchArt" method="post">
							<table>
								<tr>
									<td><b>Podaj wiek swojego dziecka</b></td>
									<td><input type="text" name="art.age">&nbsp <b style="font-style: italic; font-weight: normal">(np. 5)</b></td>
								</tr>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="art.address">
										<option>Dowolna</option>
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td><b>Wpisz godzinę rozpoczęcia zajęć</b></td>
									<td><input type="text" name="art.time">&nbsp <b style="font-style: italic; font-weight: normal">(np. 10.00 lub 10)</b></td>
								</tr>
<!-- 								<tr> -->
<!-- 									<td>Wpisz rodzaj warsztatów</td> -->
<!-- 									<td><input type="text" name="art.typeOfArt"></td> -->
<!-- 								</tr> -->
<!-- 								<tr> -->
<!-- 									<td>Wpisz technike prowadzenia warsztatów</td> -->
<!-- 									<td><input type="text" name="art.technique"></td> -->
<!-- 								</tr> -->
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Wyszukaj"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Zajęcia umuzykalniające</a></h3>
					<div>
						<form action="searchMusic" method="post">
							<table>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="music.address">
										<option>Dowolna</option>
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td><b>Wpisz godzinę rozpoczęcia zajęć<b></td>
									<td><input type="text" name="music.time">&nbsp <b style="font-style: italic; font-weight: normal">(np. 10.00 lub 10)</b></td>
								</tr>
								<tr>
									<td><b>Typ zajęć</b></td>
									<td><select name="music.type" > 
										  <option>Warsztaty śpiewu</option> 
										  <option>Warsztaty gry na instrumentach</option> 
										  <option>Ognisko</option> 
										  <option>Szkoła muzyczna</option> 
										</select>
									</td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Wyszukaj"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Kółko teatralne</a></h3>
					<div>
						<form action="searchT_S" method="post">
							<input type="hidden" name="t_s.typeOfService" value="Kółko teatralne">
							<table>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="t_s.address">
										<option>Dowolna</option>
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td><b>Wpisz godzinę rozpoczęcia zajęć</b></td>
									<td><input type="text" name="t_s.time">&nbsp <b style="font-style: italic; font-weight: normal">(np. 10.00 lub 10)</b></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Wyszukaj"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Harcerstwo</a></h3>
					<div>
						<form action="searchT_S" method="post">
						<input type="hidden" name="t_s.typeOfService" value="Harcerstwo">
							<table>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="t_s.address">
										<option>Dowolna</option>
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td><b>Wpisz godzinę rozpoczęcia zajęć</b></td>
									<td><input type="text" name="t_s.time">&nbsp <b style="font-style: italic; font-weight: normal">(np. 10.00 lub 10)</b></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Wyszukaj"></td>
								</tr>
							</table>
						</form>
					</div>
				</div>
				
				</div><!-- End demo -->
				
	<%}else if(type.equals("Usługi dodatkowe")){%>
		<div class="demo">

				<div id="accordion">
					<h3><a href="#">Taxi z fotelikiem dla dziecka</a></h3>
					<div>
						<form action="searchAdditionalServices" method="post">
							<input type="hidden" name="additional.type" value="Taxi z fotelikiem dla dziecka">
							<table>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="additional.address">
										<option>Dowolna</option>
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Wyszukaj"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Fryzjer dziecięcy</a></h3>
					<div>
						<form action="searchAdditionalServices" method="post">
							<input type="hidden" name="additional.type" value="Fryzjer dziecięcy">
							<table>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="additional.address">
										<option>Dowolna</option>
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Wyszukaj"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Place zabaw w centrach handlowych (Małpi Gaj)</a></h3>
					<div>
						<form action="searchAdditionalServices" method="post">
							<input type="hidden" name="additional.type" value="Place zabaw w centrach handlowych (Małpi Gaj)">
							<table>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="additional.address">
										<option>Dowolna</option>
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Wyszukaj"></td>
								</tr>
							</table>
						</form>
					</div>
				</div>
		</div>
	<% } %>
</div>
</body>
</html>